QuizPage.js need to be connected with generator, for now it uses dummy variables, and reads the same question all over again. ( I will do it when Marisz will finish the generator)

• For more general changes, I changed a little App.css to use a custom style for the current view layout, it was using # pokequiz-app for grid layout for the start page, w don’t need this in the quiz page. But we need #pokequiz-app to switch the views. Now each page needs to add its style during rendering.
• All styles change during the runtime, are stored in appSettings.js in for of a dictionary, it will be easier to find them or change during styling.

General about how it works:
StartButton is triggering the RenderQuizPage() function. This function uses template stored in index.html and render basic elements, like header title, setting up question number to 1. Next renderNextQusetion is called to generate first question according to the selected game mode.
Variables used during the game duration, like the mode or a generator, for now, are stored as module variables, this way is easily reachable when a new question is generated. Of course, we can still think about a better way of handling game status and data.
If the generator returned all questions == user answered all of then renderNextQuestion is no longer rendering the new quiz page. Later we will connect it to the results page.
Styles for questions and answers are added according to the mode, we will see during the styling if they are enough to achieve a good result.

What to be done next:

• I haven’t started adding the progress bar, but it should not be the problem – the div for the progress bar is rendered at the beginning and not refreshed, the same for the clock.
• Connect with a generator, everything is ready to receive the object structure I provided in the task.
• Add saving results of the game, that will be used for summary and the hall of fame.
• Timer.
• redirection to the summary page